/*加载中*/
.vcu-loading {
  display         : none;
  position        : absolute;
  width           : 100%;
  height          : 100%;
  top             : 0;
  left            : 0;
  z-index         : 99;
  user-select     : none;
  background-color: @vcu-loading-background-color;

  &.is--visible {
    display: block;
  }

  .vcu-loading--spinner {
    position : absolute;
    top      : 50%;
    left     : 50%;
    transform: rotate(45deg);
    animation: antRotate 1.2s infinite linear;

    .vcu-loading--item {
      position        : absolute;
      display         : block;
      width           : 12px;
      height          : 12px;
      background-color: @vcu-primary-color;
      border-radius   : 100%;
      transform       : scale(0.75);
      transform-origin: 50% 50%;
      opacity         : 0.3;
      animation       : antSpinMove 1s infinite linear alternate;

      &:nth-child(1) {
        top : 0;
        left: 0;
      }

      &:nth-child(2) {
        top            : 0;
        right          : 0;
        animation-delay: 0.4s;
      }

      &:nth-child(3) {
        right          : 0;
        bottom         : 0;
        animation-delay: 0.8s;
      }

      &:nth-child(4) {
        bottom         : 0;
        left           : 0;
        animation-delay: 1.2s;
      }
    }

    @keyframes antSpinMove {
      to {
        opacity: 1;
      }
    }

    @keyframes antRotate {
      to {
        transform: rotate(405deg);
      }
    }

  }
}